<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>黑马旅游网</title>
</head>
<body>
    <!--采用 table 来完成布局-->
    <!--最外层的 table，用于整个页面的布局-->
    <table width="100%" align="center">
        <!--第一行-->
        <tr>
            <td>
                <img src="image/1.png" alt="" width="100%" height="150">
            </td>
        </tr>

        <!--第二行-->
        <tr>
            <td>
                <table width="100%" align="center">
                    <tr>
                        <td align="center"><img src="image/2.jpg"></td>
                        <td align="center"><img src="image/3.jpg"></td>
                        <td align="center"><img src="image/4.jpg"></td>
                    </tr>
                </table>
            </td>
        </tr>

        <!--第三行-->
        <tr>
            <td>
                <table width="100%" cellpadding="15" cellspacing="0" >
                    <tr bgcolor="orange" align="center">
                        <td>
                            <a href="">首页</a>
                        </td>
                        <td>
                            <a href="">门票</a>
                        </td>
                        <td>
                            <a href="">酒店</a>
                        </td>
                        <td>
                            <a href="">香港车票</a>
                        </td>
                        <td>
                            <a href="">出境游</a>
                        </td>
                        <td>
                            <a href="">国内游</a>
                        </td>
                        <td>
                            <a href="">港澳游</a>
                        </td>
                        <td>
                            <a href="">抱团定制</a>
                        </td>
                        <td>
                            <a href="">全球自由行</a>
                        </td>
                        <td>
                            <a href="">收藏排行榜</a>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <!--第四行 轮播图-->
        <tr>
            <td align="center">
                <img src="image/5.jpg" width="95%" height="350">
            </td>
        </tr>

        <!--第五行-->
        <tr>
            <td>
                <img src="image/6.jpg" width="5%" height="25">
                猴哥精选
                <hr color="gold" lang="20"><br>
            </td>
        </tr>

        <!--第六行-->
        <tr>
            <td>
                <table width="95%" align="center" cellspacing="5">
                    <tr align="center">
                        <td>
                            <img src="image/7.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                        <td>
                            <img src="image/7.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                        <td>
                            <img src="image/7.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                        <td>
                            <img src="image/7.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <!--第七行-->
        <tr>
            <td>
                <img src="image/8.png" width="5%" height="25">
                国内游
                <hr color="gold" lang="20"><br>
            </td>
        </tr>

        <!--第八行-->
        <tr>
            <td>
                <table width="95%" align="center" cellspacing="5">
                    <tr align="center">
                        <td rowspan="2">
                            <img src="image/11.jpg" alt="" width="325" height="500" align="center">

                        </td>
                        <td>
                            <img src="image/10.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                        <td>
                            <img src="image/10.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                        <td>
                            <img src="image/10.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                    </tr>
                    <tr align="center">
                        <td>
                            <img src="image/10.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                        <td>
                            <img src="image/10.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                        <td>
                            <img src="image/10.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <!--第九行-->
        <tr>
            <td>
                <img src="image/9.png" width="5%" height="25">
                国外游
                <hr color="gold" lang="20"><br>
            </td>
        </tr>

        <!--第十行-->
        <tr>
            <td>
                <table width="95%" align="center" cellspacing="5">
                    <tr align="center">
                        <td rowspan="2">
                            <img src="image/12.jpg" alt="" width="325" height="500" align="center">

                        </td>
                        <td>
                            <img src="image/13.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                        <td>
                            <img src="image/13.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                        <td>
                            <img src="image/13.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                    </tr>
                    <tr align="center">
                        <td>
                            <img src="image/13.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                        <td>
                            <img src="image/13.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                        <td>
                            <img src="image/13.jpg" alt="" width="90%" height="150" align="center">
                            <p>地球飞太空五天四晚自由行（春节预售+亲自/蜜月/休闲游首选/+豪华酒店任选+接送机）</p>
                            <font color="#dc143c">&yen;899</font>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <!--第十一行-->
        <tr>
            <td>
                <img src="image/14.png" width="100%" height="70">
            </td>
        </tr>

        <!--第十二行-->
        <tr>
            <td bgcolor="orange" height="40">
                <center><font color="gray" size="2">江苏传智播客教育科技股份有限公司 版权所有 Copyright ©2006-2018&copy;, All Rights Reserved 苏 ICP 备16007882</font></center>
            </td>
        </tr>


    </table>

</body>
</html>